<template>
  <div>
    <h1>{{ msg }}</h1>
    <h2>
      我的名字叫
      <span>{{ obj.name }}</span>
    </h2>
    <h2>
      我今年已经
      <span>{{ obj.age }}</span>
      岁了
    </h2>
    <h2>这是我的头像<img :src="imgUrl" alt="" /></h2>
    <h2>欢迎来到我的家<a v-bind:href="url"></a></h2>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "hello 大家好",
      obj: {
        name: "small vue",
        age: 5,
      },
      imgUrl: "https://cn.vuejs.org/images/logo.png",
      url: "https://cn.vuejs.org/",
    };
  },
};
</script>

<style>
</style>